<template>
  <div class="appinfo">
    <button @click="btnAdd(1)">+1</button>
    <button @click="btnAdd(5)">+5</button>
    <button @click="btnAdd(10)">+10</button>
  </div>
</template>

<script>
emits: ["add"]
export default {

    methods: {
        btnAdd(counter) {
            this.$emit("add", counter)
        }
    }
}
</script>

<style>

</style>